$(function() {    
    if ( $("#systemColorPicker").length ){
        $color = $("#systemColorPicker").val();
        if ($color != "")
            $("#systemColorPicker").css('backgroundColor', '#' + $color);
        $("#systemColorPicker").ColorPicker({
            color: '#c0c0c0',
        	onSubmit: function(hsb, hex, rgb, el) {
        		$(el).val(hex);
                $(el).css('backgroundColor', '#' + hex);
        		$(el).ColorPickerHide();
        	},
        	onBeforeShow: function () {
        		$(this).ColorPickerSetColor(this.value);
        	}
        })
        .bind('keyup', function(){
        	$(this).ColorPickerSetColor(this.value);
        }); 
    }
});